<template>
	<view>
		<view style="height: 35px; background-color: #FED501;"></view>
		<view class="setHead">
			<view class="">
				<uni-icons type="arrowleft" size="25" @click="backSet"></uni-icons>
				<view>
					修改密码
				</view>
			</view>
			<view class="">
				<button type="default" size="mini" @click="send">确认</button>
			</view>
		</view>
		<view class="pwdBox">
			<view class="uni-form-item uni-column oldPwd">
				<view class="title">旧密码</view>
				<input class="uni-input" focus placeholder="请输入旧密码" />
			</view>
			<view class="line">
			</view>
			<view class="uni-form-item uni-column">
				<view class="title">新密码</view>
				<input class="uni-input" focus placeholder="请输入新密码" />
			</view>
		</view>
	</view>
</template>

<script>
	import uniIcons from "@/components/uni-icons/uni-icons.vue";
	export default {
		components: {
			// 图标
			uniIcons,
		},
		data() {
			return {
				
			}
		},
		methods: {
			backSet() {
				uni.navigateTo({
					url: "/pages/set/set"
				})
			}
		}
	}
</script>

<style>
.setHead {
	padding-left: 8px;
	padding-right: 8px;
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #FED501;
	/* margin-bottom: 8px; */
}
.setHead > view {
	font-size: 18px;
}
.setHead > view:first-child {
	display: flex;
	justify-content: center;
	color: #FFFFFF !important;
}
.setHead > text {
	margin-right: 8px;
}
.setHead button {
	background-color: #FFFFFF;
	border-radius: 999px;
	font-size: 10px;
	margin-top: 5px;
	color: #FED501;
	/* height: 10px; */
}
.setHead button::after {
	border: none;
}
.pwdBox {
	margin-left: 10px;
	margin-top: 10px;
}
.pwdBox > view:nth-of-type(3) {
	margin-top: 10px;
}
.line {
	/* width: 100%; */
	height: 2rpx;
	background-color: #e8e8e8;
}
.oldPwd {
	margin-bottom: 10px;
}
.title {
	font-size: 18px;
}
</style>
